<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="../templates/MainTemplate.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:define name="head">
        <title>Facelet Title</title>
    </ui:define>
    <ui:define name="body">
        <div align="center" style="width: 100%; margin-top: 20px">
            <h:form id="formGrupos">

                <p:growl id="confirm" showDetail="false" sticky="true"/>

                <p:panelGrid id="panel" columns="2">
                    <f:facet name="header">
                        Administración de Grupos
                    </f:facet>

                    <p:outputLabel for="txtNombre" value="Nombre"></p:outputLabel>
                    <p:inputText id="txtNombre" value="#{gruposAdminController.nombre}" required="true"/>
                    <f:facet name="footer">
                        <p:commandButton value="Añadir"  action="#{gruposAdminController.AddNewGroup()}" process="@form" update="msgNombre,@form"/>
                        <p:commandButton value="Cancelar"  action="Grupos.xhtml" immediate="true"/>
                    </f:facet>

                </p:panelGrid>
                <p:message for="txtNombre" id="msgNombre"/>
            </h:form>
        </div>
    </ui:define>
</ui:composition >

